<template>
  <div class="base-count">
    <button @click="count--">-</button>
    <span>{{ count }}</span>
    <button @click="count++">+</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 50
    }
  }
};
</script>

<style scoped>
button{
  width: 20px;
}
span{
  margin-left: 10px;
  margin-right: 10px;
}
</style>